<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>和直播</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
		<link rel="stylesheet" href="style/icon.css" />
		<link rel="stylesheet" href="style/weui.css" />
		<link rel="stylesheet" href="style/weui2.css" />
		<link rel="stylesheet" href="style/weui3.css" />
		<link rel="stylesheet" href="style/weuix.min.css" />
		<link rel="stylesheet" href="video.css"/>
        <script src="video.js"></script>        
		<script src="zepto.min.js"></script>
		<script src="vue.min.js"></script>
		<script src="select.js"></script>
		<script>
			$(function() {
				$('img').attr('src', '');
				$('.weui-comment-icon').click(function() {
					if($(this).parent().hasClass('checked')) {
						$(this).parent().removeClass('checked');
						var val = $(this).next().html();
						$(this).next().html(parseInt(val) - 1);
					} else {
						$(this).parent().addClass('checked');
						var val = $(this).next().html();
						$(this).next().html(parseInt(val) + 1);
					}
				});
				$('#tab_nav').tab({
					defaultIndex: 0,
					activeClass: "tab-blue "
				});
			});
			
		</script>
	</head>
<body ontouchstart>
        <div class="container js_container">
            <!--底部菜单-->
            <div id="tab_nav" class="weui-tabbar" style="height: 45px;position: fixed;">
                <ul class="weui-navbar">
                    <li class="weui-navbar_item weui-bar_item_on">发现</li>
                    <li class="weui-navbar_item">问医生</li>
                    <li class="weui-navbar_item">我的</li>
                </ul>
                <div class="weui-tab_panel">
                    <div class="weui-tab_content page_feedback">
                        发现
                    </div>
                    <div class="weui-tab_content hide">
                        问医
                    </div>
                    <div class="weui-tab_content hide">
                        我的
                    </div>
                </div>
            </div>
        </div>
        
        <script src="https://res.wx.qq.com/open/libs/zepto/1.1.6/zepto.js"></script>
        <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
        <script src="https://res.wx.qq.com/open/libs/weuijs/1.0.0/weui.min.js"></script>
        <script src="js/example.js"></script>
        <script>
            //tab切换    
             $(function(){
      var aLi = $('.weui-navbar_item');
        aLi.on('click', function () {
            $(this).addClass('weui-bar_item_on').siblings('.weui-bar_item_on').removeClass('weui-bar_item_on');
            var index = $(this).index();
            $('.weui-tab_panel div').eq(index).show().siblings().hide();
        });
    });
        </script>
    </body>
</html>
